<template>
  <div class="weui-panel full scroll-h" style="background: #fff">
    <header class="demos-header">
      <img style="width: 45%;" src="img/shuaishuai-logo.png"/><h1 class="demos-title">代理制度</h1>
    </header>
    <div class="weui-panel_access">
      <div class="weui-panel__bd">
        <a href="javascript:void(0);" class="weui-media-box weui-media-box_appmsg">
          <div class="weui-media-box__bd">
            <h4 class="weui-media-box__title">1、玩家返利：</h4>
            <p class="weui-media-box__desc">
              A、总代理享受玩家销售额70%的提成。
            </p>
            <p class="weui-media-box__desc">
              B、一级代理享受玩家销售额 60%的提成。</p>
            <p class="weui-media-box__desc">
              C、二级代理享受玩家销售额 50%的提成。</p>
          </div>
        </a>
        <a href="javascript:void(0);" class="weui-media-box weui-media-box_appmsg">
          <div class="weui-media-box__bd">
            <h4 class="weui-media-box__title">2、代理返利：</h4>
            <p class="weui-media-box__desc">
              A、总代理享受直属一级销售额 10%的返利，享受直属二级销售额 20%的返利。
            </p>
            <p class="weui-media-box__desc">
              B、总代理享受非直属二级代理销售额 10%的返利。</p>
            <p class="weui-media-box__desc">
              C、一级代理享受直属二级代理销售额 10%的返利。</p>
            <p class="weui-media-box__desc">
              D、所有代理享受直属平级代理销售额 5%的返利。</p>
          </div>
        </a>
        <a href="javascript:void(0);" class="weui-media-box weui-media-box_appmsg">
          <div class="weui-media-box__bd">
            <h4 class="weui-media-box__title">3、代理晋级：</h4>
            <p class="weui-media-box__desc">
              A、二级代理月销售额达到 2000 元，升为一级代理。
            </p>
            <p class="weui-media-box__desc">
              B、一级代理月销售额达到 20000 元，升为总代理。</p>
            <p class="weui-media-box__desc">
              C、二级代理没有权限发展代理。</p>
            <p class="weui-media-box__desc">
              D、等级以自然月为考核单位，下月一号根据销售额是否晋级。</p>
          </div>
        </a>
        <a href="javascript:void(0);" class="weui-media-box weui-media-box_appmsg">
          <div class="weui-media-box__bd">
            <h4 class="weui-media-box__title">4、代理申请流程：</h4>
            <p class="weui-media-box__desc">
              A、后台提交申请资料。
            </p>
            <p class="weui-media-box__desc">
              B、一次性购买300个钻石，申请为二级代理。</p>
            <!-- <p class="weui-media-box__desc">
              一次性购买500个钻石，直接申请为一级代理。  </p> -->
          </div>
        </a>
        <a href="javascript:void(0);" class="weui-media-box weui-media-box_appmsg">
          <div class="weui-media-box__bd">
            <h4 class="weui-media-box__title">5、代理佣金返利：</h4>
            <p class="weui-media-box__desc">
              A、代理佣金按照当前级别核算。
            </p>
            <p class="weui-media-box__desc">
              B、代理佣金按月发放，核算时间为自然月每月的最后一天24:00。</p>
            <p class="weui-media-box__desc">
              C、月度佣金未满100元时，将不予发放，且金额月度清零，不进行累加。 </p>
            <p class="weui-media-box__desc">
              D、佣金发放时间：每月1-5号发放上月佣金。 </p>
          </div>
        </a>
        <a href="javascript:void(0);" class="weui-media-box weui-media-box_appmsg">
          <div class="weui-media-box__bd">
            <p class="weui-media-box__desc" style="text-align: right;">
              代理制度实施日期: 2018年4月1日起
            </p>
          </div>
        </a>
      </div>
    </div>
    <!-- <div class="weui-msg__opr-area">
      <p class="weui-btn-area">
        <a :class="{'weui-btn_disabled': !canApply}" @click="apply" class="weui-btn weui-btn_primary">申请代理</a>
      </p>
    </div> -->
  </div>
</template>

<script>
import {mapGetters, mapState} from 'Vuex'
export default {
  mounted() {},
  methods: {
    apply() {
      // this.$router.push({name: 'Step1Upper'})
      if (this.canApply) {
        this.$router.push({name: 'Step1Upper'})
      } else {
        $.alert('您已经是代理了')
      }
    }
  },
  computed: {
    ...mapState(['myInfo']),
    canApply() {
      return this.myInfo.loaded && !this.myInfo.isAgentAlready
    }
  },
  components: {}
}
</script>

<style lang="less">

</style>